@charset "utf-8";
/*全局初始化样式*/
body{ padding:0; margin:0 auto; font-family:Microsoft YaHei,arial,'宋体'; color: #666; width: 100%; zoom:1;
    /*禁用Webkit内核浏览器的文字大小调整功能*/
    -webkit-text-size-adjust:none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight:rgba(0,0,0,0);
    /*控制文本可选性*/
    /*-webkit-user-select: none;
        -ms-user-select: none;
       -moz-user-select: none;
     -khtml-user-select: none;
            user-select: none;*/
    /*设置字体的抗锯齿或者说光滑度*/
    -webkit-font-smoothing: antialiased;
}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.var{ overflow-x:hidden; width:100%; position:fixed; height:100%; min-width:320px;overflow: auto;}
ul,li,form, dl,dt,dd, div,p,h1,h2,h3,h4{ padding: 0; margin: 0;}
/*默认去除ul、li的默认样式*/
ul,li{ list-style:none; margin: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
/*不允许多行输入文本框有滚动条*/
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select {background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0; padding:0;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:middle;}

/*初始化a的样式和字体样式*/
a{ color:#666; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); text-decoration:none !important;}
a:focus {outline:none;}
a:hover{ color: #15182B;}
.fl{float: left;}
.fr{float: right;}
/*清楚浮动*/
.clearfix:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;} /*清除浮动*/
/*全局样式*/
.SinglePage{ /*单片*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}
.SinglePage table td{ position:relative; height:40px;}
.SinglePage select{ position:absolute;left:5%; top:10px; text-align:center; width:90%;}
.SinglePage select option{ text-align:left}
.SinglePage img{vertical-align: middle;}
.SinglePage h3{text-align: center;}
.SinglePage p{margin-bottom: 10px;font-size: 14px;line-height: 25px;}
.map img{max-width: inherit!important;}
.news1400{width: 1400px;margin:0 auto;}
.news1200{width: 1200px;margin:0 auto;}
/************************** 以下是页面样式 *************************/
.Top{ width:100%; display:none;}
.Top .pc_nav{ width:1400px; margin:0 auto; position:relative; height:70px;}
.Top .pc_nav .logo{float: left; z-index:2; margin-top:12px;margin-right: 25px; }

.Top .pc_nav .top_nav{ margin: 0 auto;}
.Top .pc_nav .top_nav li{ float:left; height:70px; line-height:70px; padding:0 1.3%;position: relative;}
.Top .pc_nav .top_nav li>a{ display:block; white-space:nowrap; font-size:14px;}
.Top .pc_nav .top_nav li>a:before{content: "";width: 0; height: 2px;background: #d30000;position: absolute;left: 0;bottom: 10px;transition: 340ms;}
.Top .pc_nav .top_nav li.on>a:before,.Top .pc_nav .top_nav li:hover>a:before{width: 100%;}
.Top .pc_nav .top_nav li>a:hover{ color:#d30000;}
.Top .pc_nav .top_nav li.on>a{ color:#d30000; font-weight:bold;}
.Top .pc_nav .box{ position:absolute; z-index:2; top:0; right:0; width:142px; height:70px; line-height:70px;}
.Top .pc_nav .lan{ background:url(../images/language.png) left center no-repeat; padding-left:25px; float:right; font-size:0; height:70px;}
.Top .pc_nav .lan a{ font-size:14px; margin:0 10px 0 0;}
.Top .pc_nav .lan b{ color:#d30000;}
@media screen and (max-width:1480px){
    .Top{padding: 0 7%;}
}

.Top .Down{ display:none; position:absolute; left:0; top:70px; width:1200px; max-width:100%; background:#f5f5f5; z-index:50; /* border-bottom:4px solid #ddd; */}
.Top .dl dd{ position:relative; line-height:20px; padding:15px; font-size:14px;}
/*.Top .dl dd:nth-child(2n){ background:#f0f0f0;}*/
.Top .dl .b{ position:absolute; width:auto;max-width: 160px; left:42px; top:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; z-index:1; font-weight:bold;}
.Top .dl .b a{ color:#000;}
.Top .dl .right{ padding-left:205px; font-size:0; min-height:20px;}
.Top .dl .right a{ display:inline-block; font-size:14px; margin-right:35px;}
.Top a:hover{ color:#b71e1e !important;}
.P_Down{ position:absolute; left:0; top:70px; width:1200px; max-width:100%; background:#fff; z-index:50; height:0; overflow:hidden;}
.P_Down::before{ position:absolute; left:0; top:0; width:100%; height:1px; content:''; background:#000; z-index:5;}
.P_Down .P_left{ position:relative; left:0; top:0; width:290px; padding:0 10px; z-index:1; border-right:1px solid #ddd;}
.P_Down .P_left dd{ height:54px; line-height:54px; border-bottom:1px solid #ddd;}
.P_Down .P_left dd a{ display:block; position:relative; padding-left:85px;}
.P_Down .P_left dd.on a,
.P_Down .P_left dd a:hover{ font-weight:bold; color:#c92c27;}
.P_Down .P_left dd.on a::before,
.P_Down .P_left dd a:hover::before{ position:absolute; left:65px; margin-top:-4px; top:50%; width:7px; height:7px; content:''; background:#c92c27;}
.P_Down .P_left dd:last-child{ border-bottom:none;}
.P_Down .P_right{ padding:0 15px 0 315px; width:100%; position:absolute; right:0; top:0;}
.P_Down .P_right .title{ font-size:14px; font-weight:bold; padding-left:20px; border-bottom:1px solid #ddd; height:54px; line-height:54px;}
.P_Down .P_right .P_box{ overflow:hidden; width:100%; height:0; position:relative;}
.P_Down .P_right .P_box.on{ height:auto;}
.P_Down .P_right .P_show{ position:relative; padding:20px 20px 80px 20px;}
.P_Down .P_right .P_box .tempWrap{ margin:0 auto;}
.P_Down .P_right .P_box .prev,
.P_Down .P_right .P_box .next{ display:block; height:80px; width:16px; position:absolute; background:#e5e5e5; top:50%; cursor:pointer; margin-top:-40px;}
.P_Down .P_right .P_box .prev{ left:0;}
.P_Down .P_right .P_box .next{ right:0;}
.P_Down .P_right .P_box .prev:hover,
.P_Down .P_right .P_box .next:hover{ background:#d55a56;}
.P_Down .P_right .P_box .prev::before,
.P_Down .P_right .P_box .next::before{ position:absolute; top:32px; width:0; height:0; content:''; border:6px solid transparent;}
.P_Down .P_right .P_box .prev::before{ right:5px; border-right-color:#fff;}
.P_Down .P_right .P_box .next::before{ left:5px; border-left-color:#fff;}
.P_Down .P_right .datalist{overflow:hidden; white-space:nowrap;}
.P_Down .P_right .datalist .data{ width:102px;  float: left;}
.P_Down .P_right .P_box .pic{ width:96px; height:96px; border:1px solid #ddd; margin:0 auto;}
.P_Down .P_right .P_box .pic img{ width:94px; height:94px;}
.P_Down .P_right .P_box .txt{ width:98px; text-align:center; line-height:30px; margin:0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.Top .pc_nav .top_nav li.D_li{ position:relative;}
.D_Down{ line-height:40px; width:245px !important; left:50% !important; margin-left:-115px; max-width:none !important;}
.D_Down div a{ display:block; padding:0 25px; text-align:left;font-size: 14px;}
/*.D_Down div:nth-child(2n){ background:#f0f0f0;}*/

#Frame{transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; width:100%; position:relative;}
#Frame.Menu_on{ margin-left:50%;}
.Top_2{ height:50px; width:100%; background:#fff; box-shadow:0 2px 4px #ddd; text-align:center; position:relative;padding-top: 5px;}
.Top_2 .logo{ height:40px; padding:2px 40px;}
.Top_2 .logo img{ height:30px;}
.Top_2 .menu{ position:absolute; z-index:2; top:5px; left:0; width:40px; height:40px; cursor:pointer; padding:10px;-webkit-transition: all 300ms;transition: all 300ms;}
.Top_2 .menu .span1,
.Top_2 .menu .span2,
.Top_2 .menu .span3{position:absolute;display:block;width:20px;height:2px;background:#000;filter:alpha(opacity=60);opacity: 0.6;-moz-opacity:0.6;-khtml-opacity: 0.6;-webkit-transition: all 300ms cubic-bezier(0.305,0.1,0.485,0.87);transition: all 300ms cubic-bezier(0.305,0.1,0.485,0.87);left: 10px;}
.Top_2 .menu .span1{top:12px;}
.Top_2 .menu .span2{ top:50%; margin-top:-1px;}
.Top_2 .menu .span3{top:26px;}
.Top_2 .menu.on{ width:100%; height:100%; position:fixed; left:50%;}
.Top_2 .menu.on .span1{ top:18px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.Top_2 .menu.on .span2{ filter:alpha(opacity=0);opacity: 0;-moz-opacity:0;-khtml-opacity:0;}
.Top_2 .menu.on .span3{ top:18px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.sj_nav{ width:50%; position:absolute; left:-50%; background:#333; top:0;/* min-width:200px;*/ min-height:100%;}
.sj_nav li>a{ display:block; height:50px; line-height:50px; font-size:16px; color:#eee; padding:0 10px 0 30px; border-bottom:1px solid #555; position:relative;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sj_nav li>a::after{ position:absolute; left:15px; top:50%; margin-top:-8px; width:5px; height:16px; content:''; background:#555; transition:all 0.2s;}
.sj_nav dl{ border-bottom:1px solid #555; display:none;}
.sj_nav dl dd>a{ display:block; font-size:14px; height:30px; line-height:30px; color:#eee; padding:0 10px 0 40px; position:relative;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sj_nav dl dd.dd3>a::after{ position:absolute; left:25px; top:50%; margin-top:-6px; width:0; height:0; content:''; transition:all 0.2s; border:6px solid #333; border-left:6px solid #555;}
.sj_nav .div{ border-top:1px solid #555; display:none;}
.sj_nav .div a{ display:block; height:28px; line-height:28px; padding:0 10px 0 40px; color:#aaa;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sj_nav .lan{padding: 15px;}
.sj_nav .lan a{color: #fff;font-size: 16px;padding: 0 5px;}
.sj_nav .lan a b{ color:#c92c27;}



#Bottom{ background:#1b1b1b; padding:2% 0; width:100%; color:#9b9b9b;}
.form{width: 36%;padding: 0 4% 0 0;background: url(../images/foot-bottom-line.png) no-repeat right center;float: left;}
.form label{width: 48%;float: left;/*margin-bottom: 20px;*/}
.form label input{height: 40px;padding-left: 10px; line-height: 40px;border: 1px solid #fff;width: 100%;}
.form label:nth-of-type(2n){float: right;}
.form textarea {width: 100%;height: 80px;padding: 10px; border: 1px solid #9b9b9b;}
.submit_w{text-align: center;}
.submit_w .submit {
    width: 150px;
    height: 35px;
    font-size: 15px;
    color: #fff;
    line-height: 35px;
    text-align: center;
    background-color: #dc0d34;
    border: 0 none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 20px;
}

#Bottom .Btm_Nav{ width: 43%;padding: 0 4%;background: url(../images/foot-bottom-line.png) no-repeat right center;float: left;height: 259px;}
#Bottom .Btm_Nav h4{color: #fff;font-weight: normal;}
#Bottom .Btm_Nav ul{ overflow:hidden;}
#Bottom .Btm_Nav li{ display:block; width:48%; float:left;}
#Bottom .Btm_Nav a{ color:#9b9b9b; font-size:14px; line-height:30px;}
#Bottom .QrC{  width:18%; float: right;}
#Bottom .QrC h3{color: #fff;font-size: 24px;margin: 10px 0;}
#Bottom .QrC h4{color: #fff;font-weight: normal;margin-bottom: 10px;}


#Bottom .QrC .pic img{ width:75px; height:75px;margin-right: 10px;}
#Bottom .QrC .txt{ line-height:35px; font-size:15px; height:105px;}
#Bottom .QrC .txt .contact{ height:25px; line-height:25px;}
#Bottom .QrC .txt .c2 b{ font-size:16px;}
#Bottom .link{ font-size:0; text-align:center;}
#Bottom .link a{ font-size:14px; display:inline-block; margin:0 10px; color:#eee;}
.Copy{ font-size:12px; padding:20px 0;text-align:center;background-color: #000;}
#Bottom .Copy a{ color:#eee; font-weight:bold;}

.Contain{ width:100%; max-width:1200px; margin:0 auto; position:relative;}
.part_3 li img {
    transition: transform .3s;
}
.part_3 li:hover img {
    transform: scale(1.1);
}
.pro_i{position: relative;}
.pro_i h4{font-size: 16px;font-weight: normal;color: #000;margin-bottom: 10px;text-align: center;}
.pro_i p{font-size: 14px;color: #5b5b5b;line-height: 25px;text-align: center;}
.pro_i .p_1{position: absolute;top:5%;left: 21%;width: 28%;}
.pro_i .p_2{position: absolute;top: 36%;left: 74%;width:24%;}
.pro_i .p_3{position: absolute;top: 92%;left: -4%;width: 27%;}
.pro_i .p_4{position: absolute;top: 96%;left: 66%;width: 27%;}
.pro_i .p_1 h4{text-align: left;}
.pro_i .p_1 p{text-align: left;}
/*分页*/
.Page{ text-align:center; padding:20px 0 0 0; font-size:0;}
.Page .Page_Num{width: 31px;height: 31px;display:inline-block;color: #666666;font-size: 16px;}
.Page .num{ height:30px; text-align:center; display:inline-block;}
.Page .num a{ font-size:16px; display:block; width:30px;}
.Page a{ display:inline-block; border:1px solid #eee; font-size:14px; height:30px; line-height:28px; margin:0 5px; padding:0 5px; text-align:center;}
.Page a:hover,
.Page .a_cur{ color:#fff; background:#2a57b1; border-color:#2a57b1;}
.Page .a_first,
.Page .a_end{ display:none;}


@media only screen and (max-width: 1430px){
    .pro_i .p_1{top: 4%;}
    .pro_i .p_2{left: 82%;}
    .pro_i .p_4{top:96%;left:71%;}
    .pro_i{margin-bottom: 10%;}

}
@media screen and (min-width:640px){

}
@media screen and (max-width:639px){

}
@media screen and (min-width:768px){

}
@media screen and (min-width:960px){
    .Top{ display:block;}
    .Top_2{ display:none;}


    .Page{ text-align:center;}
    .Page .a_first,
    .Page .a_end{ display:inline-block;}
    .Page a{ width:72px; padding:0;}


    .product_index li{ float:left; width:50%; overflow:hidden; background:#fbfbfb;}
    /*.product_index li.on{ width:40%;}
    .product_index li.on .pic{ display:none;}
    .product_index li.on .txt{ padding:30px;}*/

    .product_list li{ width:25%;}


}




.tit{position: relative;color: #676767;font-size: 30px;text-align: center;padding: 3% 0;}
.tit::after{content: '';position: absolute;width: 54px;height: 4px;background: #b70015;left: 49%;margin-left: -25px;margin-top: 60px;}
.tit span{color: #b70015;}


@media screen and (max-width:1500px){
    .Top .pc_nav .logo img{width: 200px;}
    .Top .pc_nav .logo{margin-top: 20px;}
    #Frame .tit{font-size: 24px;}
    #Frame .tit::after{margin-top: 45px;}
}
@media screen and (max-width:1400px){
    .Top .pc_nav{width: 100%}
    .Top .pc_nav .top_nav{width: 90%;}
    .p1,.p2{width: 100%;}

    .news1400{width: 88%;margin-left:6% }
}
@media screen and (max-width:1200px){
    .qa>div{width: 96%;margin:0 2%;}
    .ind_News .new_list>div{width: 100%;}
    .ind_News .new_list>div>div img {width: 100%;display: block;}
    .ind_News .new_list .new1 .fr, .ind_News .new_list .new2 .fl{height: 325px;}
    .inqui{width: 100%;}
    .inqui img{width: 100%;}
    .news1200{width: 96%;margin-left: 2%;}
}
@media screen and (max-width:768px){
    #Frame .tit{padding: 2.5% 0 4.5% 0;}
    #Frame .p1 div div {width: 100%;}
    #Frame .p1 div div .p{display: none;}
    #Frame .p1 div .fr>p{display: block!important;height: auto;}
    #Frame .p1 div div:nth-of-type(1) {text-align:center;}
    #Frame .p2>div:nth-of-type(2){width: 100%;margin-left: 0;}
    #Frame .p2 .pro_i .p_1,#Frame .p2 .pro_i .p_2,#Frame .p2 .pro_i .p_3,#Frame .p2 .pro_i .p_4{display: none;}
    #Frame .news{padding: 0;}
    #Frame .news_right{margin-top: 2%;width: 100%;}
 
    .Copy select,.Copy a{display: none;}
    #Frame .news_left {
        height: auto;
        width: 100%;
    }
    #Frame  .center .news_left {
        width: auto;
    }
    .Nei_ban{overflow: hidden;}
    .Nei_ban img {
        width: 140%;
        margin-left: -20%;
        max-width: 140%;
    }

}
@media screen and (max-width:480px){
    #Frame .tit {padding: 15px 0 30px 0;;font-size: 18px;}
    #Frame .tit::after {
        margin-top: 35px;
    }
}

.banner-p {
width: 200px; 
}

/* edited 25.12.2019 */

header.Top>.pc_nav {
width: 100%;
height: auto;}

header.Top>.pc_nav>.box {display: none;}

#Frame>.p2>.news1400 {
max-width: 1200px;}
/* footer */

#Bottom {
	padding: 20px;
	background-color: #ffffff;
	color: #666666;
	max-width: 1200px;
	margin: 10px auto;}

#Bottom>.news1400 {
max-width: 1200px;}

#Bottom form {
/*	display: flex;*/
}

#Bottom .Btm_Nav h4 {
color: #666666;
}

#Bottom form input,
#Bottom form textarea {
	border: solid 1px #666666;
}

#Bottom form textarea {
	height: 100px;
}

#Bottom form input:hover,
#Bottom form textarea:hover{
	border: solid 1px #666666;
}

#Bottom form input.submit {
	border: none;
	cursor: pointer;}

#Bottom form input.submit:hover {
	border: solid 1px #dc0d34;
	background-color: #ffffff;
	color: #dc0d34}

#Bottom .form {
	padding: 10px;	
	width: 60%;	
}

#Bottom .Btm_Nav {
	width: 40%;
	padding: 10px;
	background-image: none;
}

#Bottom .footer-contact-block-1 {
	
}

#Bottom .footer-contact-block-2 {
	
}

@media (min-width: 768px) {
	#Bottom .form {
		width: 100%;
		background-image: none;	}
	#Bottom .Btm_Nav {
		width: 100%;
		height: auto;	}
	#Bottom .footer-contact-block-1 {
		width: 50%;
}	
	#Bottom .footer-contact-block-2 {
		width: 50%;
		padding-left: 20px;
}}

@media (min-width: 992px) {
	#Bottom .form {
		width: 64%;
	}
	#Bottom .Btm_Nav {
		width: 34%;
}
}

@media (min-width: 1200px) {

}

@media (min-width: 1224px) {
	#Bottom .Btm_Nav {
		margin-left: 2%;	}}

@media (min-width: 1430px) {

}
@media (max-width: 556px) {
    #Bottom .form {
        width: 100%;
    }
    #Bottom .Btm_Nav {
        width: 100%;
        font-size: 15px;
    }
}